.fl{float:left;}
.fr{float:right;}
.center{width:1200px; margin:0 auto;}
.trans{-webkit-transition:all 500ms ease 0s; -moz-transition:all 500ms ease 0s; -ms-transition:all 500ms ease 0s; -o-transition:all 500ms ease 0s; transition:all 500ms ease 0s;}
hr{height:1px; color:#dedede;}

/*#head_out{position:fixed; left:0; top:0; z-index:9; background:#fff; width:100%; opacity:0.9;}*/
#header{width:100%; background:#fff; overflow:hidden;}
#header .logo{}
#header .help{width:25%;}
#header .tel{font-size:1.2rem; height:2rem; line-height:2rem; margin:1.5rem 0 0.5rem; background:url(/images/tel.jpg) no-repeat left center; background-size:6%; padding-left:1.5rem;}
#header .search{width:100%; height:2rem; line-height:2rem; overflow:hidden; background:url(/images/search_bg.jpg) no-repeat; background-size:100%; margin-top:4rem;}
#header .search input{vertical-align:middle; background:none; border:0; outline:none;}
#header .search input.sear{padding-left:5%; width:80%; float:left; line-height:2.2;}
#header .search input.sear_btn{width:13%; line-height:2.2; float:right; cursor:pointer;}
#menu_out{width:100%; background:#fff; overflow:hidden;}
#menu{height:3rem; width:100%;}
#menu li{float:left; height:3rem; line-height:3rem; width:14%; font-size:0.975rem; background:url(../images/li.jpg) no-repeat left center; text-align:center; overflow:hidden; padding-bottom:2px;}
#menu li.home{background:none;}
#menu li a{display:block; height:3rem; line-height:3rem; width:75%; margin:0 auto; border-bottom:2px solid #fff;}
#menu li a:hover{border-bottom:2px solid #000;/* color:#2A97CB;*/}

/* --index-- */
#banner{width:100%; overflow:hidden; position:relative; left:0; top:0;}
#banner li{position:absolute; left:50%; top:0; margin-left:-50%; float:left; display:none; width:100%;}
#banner cite{position:absolute; left:48%; bottom:30px; width:10%;}
#banner cite span{display:block; float:left; width:20%; height:1.6rem; background:url(../images/off.png) no-repeat; background-size:63%;}
#banner cite span.on{background:url(../images/on.png) no-repeat; background-size:63%;}
#index_main{width:100%;}
.index_main_title{margin:4rem 0; font-size:2.2rem; text-align:center;}
.index_main_title .sub{font-size:1.0rem; line-height:1.8rem;}
.index_box_title{font-size:1.5rem; padding-left:11px; margin:1rem 0; border-left:2px solid #333; line-height:1; padding-bottom:2px;}
.index_box_title b{font-size:2.0rem; margin-bottom:5px; font-weight:normal; display:block;}
/*.index_box_title .sub{font-size:1.5rem; font-weight:normal;}*/
.index_brand{padding:3rem 0 4rem;}
.index_brand_lef{width:68%; overflow:hidden;}
.index_brand_lef .index_box_title{margin:0 0 1.0em;}
.index_brand .desc{line-height:1.8; padding-left:15px; overflow:hidden;}
.index_brand_ad{width:28%; overflow:hidden;}
.index_products{padding:4.85rem 0; width:100%; background:#fafafa;}
.index_pro_lef{width:25%;}
.index_pro_lef .more{background:#fafafa; border:1px solid #333; border-radius:0.25rem; color:#333; text-align:center; display:block; width:36%; line-height:2; margin-left:5%; margin-top:4rem; font-size:0.875rem;}
.index_pro_lef .more_cur{background:#4180d9; color:#fff; border:1px solid #4180d9;}
.index_pro_rig{width:75%; position:relative;}
.index_pro_rig #prev{position:absolute; top:45%; left:-45px;}
.index_pro_rig #next{position:absolute; top:45%; right:-25px;}
.index_pro_rig_mobile{display:none;}
#pro_box{width:100%; overflow:hidden;}
#pro_box .each_box{float:left;}
#pro_box .each_box .item{float:left; width:284px; margin-right:15px; border:3px solid #fafafa; background:#fff; overflow:hidden;}
#pro_box .each_box .item_last{margin-right:0;}
#pro_box .each_box .item_cur{/*background:url(/images/pro_bg.png) no-repeat left top; background-size:100%;*/ border:3px solid #4180d9;}
#pro_box .each_box .item .img{width:86%; margin:1rem 7%; text-align:center; overflow:hidden;}
#pro_box .each_box .item .img img{vertical-align:middle;}
#pro_box .each_box .item .img span{vertical-align:middle; display:inline-block; height:100%;}
#pro_box .each_box .item .name{width:86%; margin:0 auto; border-top:1px solid #dcdcdc; line-height:2.5; font-size:1.375rem;}
#pro_box .each_box .item .brief{color:#999; width:86%; margin:1.5rem auto 0.8rem; font-size:0.82rem; background:url(../images/arrow.png) no-repeat right center;}
#pro_box .each_box .item_cur .brief{background:url(../images/arrow2.png) no-repeat right center;}
.index_video{padding:1.5rem 0;}
.index_video .desc{margin:2rem 0 1.4rem;}
.index_video .video{width:50%; overflow:hidden;}
.index_video .cont{width:50%; overflow:hidden;}
.index_video .blue{width:50%; background:#4180d9; color:#fff; text-align:center; font-size:0.75rem; overflow:hidden;}
.index_video .blue font{margin-top:4rem; font-size:1rem; display:block;}
.index_video .blue a{display:block; width:36%; line-height:2; margin-left:33%; margin-top:2rem; color:#fff; font-size:0.875rem; border:1px solid #fff; border-radius:0.25rem;}
.index_video .blue a:hover{background:#fff; color:#4b4b4b;}
.index_video .img{width:50%; overflow:hidden;}
.index_photos{}
.index_photos .desc{overflow:hidden;}
.index_photos .desc li{float:left;}
.index_photos .desc img{display:block; width:100%;}
.index_photos .desc .img{position:relative; cursor:pointer;}
.index_photos .desc .img .layer{position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/layer.png) repeat;}
/* --index End-- */

#banner2{width:100%; overflow:hidden; position:relative; left:0; top:0;}
#banner2 .ad{position:absolute; left:50%; top:0; margin-left:-50%; width:100%;}
#banner2 .ad img{width:100%;}
#inside_merchants{border:1px solid #dedede; margin:2rem 0; padding:1rem 1.5rem;}
#main{width:100%; margin:2rem 0;}
.main_lef{width:18%; overflow:hidden;}
.main_lef ul{width:100%;}
.main_lef li{width:76%; padding:1rem 0 1em 12%; border:1px solid #dedede; border-top:0;}
.main_lef li.first{border-top:1px solid #dedede;}
.main_lef li a{color:#333; font-size:1.2rem;}
.main_lef li font{color:#999; font-size:0.7em; font-family:Helvetica; display:block;}
.main_lef li.cur{width:83%; padding-left:15%; background:#d94f2b;}
.main_lef li.cur a{color:#fff;}
.main_lef li.cur font{color:#fff;}
.main_rig{width:78%; overflow:hidden;}
#video_detail{position:relative; display:none; border:1px solid #dedede; background:#fff; z-index:8;}
#video_detail #close{position:absolute; right:8px; top:8px; width:31px; height:31px; overflow:hidden; cursor:pointer;}
#video_detail .video_tit{width:90%; margin:0 auto; height:3rem; line-height:3rem; padding-top:1rem; font-size:1rem; text-align:center; border-bottom:1px solid #dedede; overflow:hidden;}
#video_detail .video_des{line-height:2; font-size:0.875rem; margin-bottom:2rem; width:95%; margin:0 auto; overflow:hidden;}

#main .pro_cate{margin:0 auto; padding:1em 0 1.8em;}
#main .pro_cate a{display:block; float:left; padding:0.35rem 2rem; margin:0 1rem; font-size:1.375rem; border:1px solid #4b4b4b; border-radius:0.2rem;}
#main .pro_cate a:hover,#main .pro_cate a.cur{border:1px solid #2868c3; background:#4180d9; color:#fff;}
#main .pro_cate_sub{font-size:1.8rem; color:#4b4b4b; text-align:center; line-height:1.8; margin-bottom:1.2em;}

#inside_feedback{border:1px solid #dedede; margin:2rem 0; padding:1rem 1.5rem;}

#footer{width:100%; background:#e8e8e8; overflow:hidden;}
#footer .foot_menu{height:15rem; margin-top:2.5rem; overflow:hidden;}
#footer .foot_menu .item{float:left; width:70%; height:15rem; background:url(/images/foot_li.jpg) no-repeat right top; overflow:hidden;}
#footer .foot_menu .item li{height:1.5rem; line-height:1.5rem; font-size:0.75rem; overflow:hidden;}
#footer .foot_menu .item li a{color:#bdbebf;}
#footer .foot_menu .item li a:hover{color:#4180d9;}
#footer .foot_menu .item li.first{height:3.5rem; line-height:3.5rem; overflow:hidden;}
#footer .foot_menu .item li.first a{color:#fff; font-size:1rem;}
#footer .foot_menu .item_last{width:29%; border-left:#bebebe 1px solid; overflow:hidden;}
#footer .foot_menu .item_last .tit{color:#fff; font-size:1.125rem; height:3.5rem; line-height:3.5rem;}
#footer .foot_menu .item_last .share{margin-bottom:2rem; margin-left:2rem;}
#footer .foot_menu .item_last .share a{ float:left; width:49%; display:block; text-align:center}
#footer .foot_menu .item_last .ercode div{text-align:center; color:#fff; line-height:2rem; font-size:0.875rem; width:38%; overflow:hidden;}
#footer .foot_menu .item_last .ercode div img{max-width:82px; max-height:83px; overflow:hidden;}
.foot_botm{height:3rem; background:#181a1f; padding-top:1rem;}
.foot_botm .img{width:8%;}
.foot_botm .des{width:100%; text-align:center}
.foot_botm .copyright{color:#fff; height:2rem; line-height:2rem; overflow:hidden;}

#head_mobile{display:none;}
#menu_mobile{display:none;}

@media only screen and (max-width: 1400px){
	.center{width:62.5%; margin:0 auto;}
	#header .tel{background-size:9%;}
	#header .search{margin-top:3em;}
	#header .search input.sear{line-height:1.8;}
	
	.index_video .blue font{margin-top:3rem;}
	.index_video .blue a{margin-top:1.5rem;}
	#lib_product_list .item li.name a{font-size:1rem;}
	#footer .foot_menu .item li{font-size:0.6rem;}
}

@media only screen and (max-width: 1280px){
	.index_video .blue font{margin-top:2rem;}
	.index_video .blue a{margin-top:1rem; font-size:0.75rem;}
}

@media only screen and (max-width: 1200px){
	#header .tel{margin:0.5rem 0;}
	#header .search{margin-top:2em;}
	#header .search input.sear{line-height:1.8;}
	#menu{height:2rem;}
	#menu li{height:2em; line-height:2rem; font-size:0.8rem; width:14%;}
	#menu li a{height:2rem; line-height:2rem; width:76%;}
	
	#pro_box .each_box .item{border:2px solid #fff;}
	#pro_box .each_box .item_cur{border:2px solid #4180d9;}
	.main_lef li a{font-size:1rem;}
	.main_lef li font{font-size:0.7rem;}
	
	#lib_info_list ul.news li .des_tit{font-size:0.875rem;}
	#lib_info_list ul.news li .des_brief{font-size:0.75rem; height:2.4rem;}
	#lib_info_list ul.news li .des_time{margin-top:0.2rem;}
	
	#footer .foot_menu .item li{height:2rem; line-height:2rem; font-size:0.8rem;}
	#footer .foot_menu .item li.first{height:2rem; line-height:2rem; font-size:0.875rem;}
	#footer .foot_menu .item_last .tit{font-size:0.875rem; height:2rem; line-height:2rem;}
	#footer .foot_menu .item_last .ercode div{font-size:0.8rem;}
	#lib_product_list .item li.name a{font-size:0.8rem;}
}

@media only screen and (max-width: 980px){
	#header .tel{font-size:1rem; margin-bottom:0.2rem;}
	#header .search input.sear{line-height:1.5;}
	#menu li{font-size:0.75rem;}
	#menu li a{width:78%;}
	.main_lef li a{font-size:0.8rem;}
	.main_lef li font{font-size:0.65rem;}
	
	#footer .foot_menu .item_last .ercode div{width:45%;}
	#footer .foot_menu .item_last .ercode div img{width:100%;}
	
}

@media only screen and (max-width: 850px){
	#header .tel{font-size:0.875em;}
	#lib_product_list .item li.name a{font-size:0.75rem;}
}

@media only screen and (max-width: 640px){
	.center{width:98%;}
	#head_out{display:none;}
	#head_mobile{display:block;}
	#head_mobile .icon{width:25%; padding-top:1.5rem;}
	#head_mobile .logo{width:50%; text-align:center;}
	#head_mobile .logo img{width:120%;}
	#menu_mobile{display:none; position:fixed; top:0; left:0; background:#000; opacity:0.8; width:100%; height:100%; z-index:99;}
	#menu_mobile .close{padding:1% 2%; margin-bottom:15%;}
	#menu_mobile .nav{padding:0 10%;}
	#menu_mobile .nav li{line-height:2.5; font-size:1.5rem; border-bottom:1px solid #333;}
	#menu_mobile .nav li a{color:#fff;}
	
	.index_box_title{font-size:1.5rem;}
	.index_box_title .sub{font-size:1rem;}
	.index_pro_lef .more{border-radius:0.2rem; width:45%; line-height:2;}
	#pro_box .each_box .item{width:31%; margin-right:1%; border:1px solid #fff;}
	#pro_box .each_box .item_cur{border:1px solid #4180d9;}
	#pro_box .each_box .item .brief{margin:0 auto;}
	.index_video .blue{font-size:0.75rem;}
	.index_video .blue font{margin-top:1rem; font-size:1rem;}
	.index_video .blue a{width:45%; line-height:1.2; margin-left:25%; margin-top:0.8rem; font-size:0.75rem;}
	#footer .foot_menu{height:12rem; margin-top:1rem;}
	#footer .foot_menu .item li{height:1.5rem; line-height:1.5rem; font-size:0.7rem;}
	#footer .foot_menu .item li.first{height:1.5rem; line-height:1.5rem; font-size:0.75rem;}
	#footer .foot_menu .item_last .tit{font-size:0.75rem; height:1.5rem; line-height:1.5rem;}
	#footer .foot_menu .item_last .ercode div{font-size:0.8rem;}
	#footer .foot_menu .item_last .share{margin:1rem 0;}
	#footer .foot_botm{height:5rem; padding-left:14%; padding-top:1rem; background:url(/images/foot_img.jpg) no-repeat left center; background-size:14%;}
	#lib_info_list ul.news li .des_brief{font-size:0.65rem;}
	#lib_info_list ul.news li .des_time{margin-top:0.3rem;}
	#lib_info_list ul.video .more a{width:35%; margin:0.3rem 30%; font-size:0.75rem;}
	
	.index_pro_rig{display:none;}
	.index_pro_rig_mobile{display:block; width:60%; overflow:hidden;}
	.index_pro_rig_mobile .item{width:95%; margin:0 auto; border:3px solid #fafafa; background:#fff; overflow:hidden;}
	.index_pro_rig_mobile .item .img{width:86%; margin:1rem 7%; text-align:center; overflow:hidden;}
	.index_pro_rig_mobile .item .img img{vertical-align:middle;}
	.index_pro_rig_mobile .item .img span{vertical-align:middle; display:inline-block; height:100%;}
	.index_pro_rig_mobile .item .name{width:86%; margin:0 auto; border-top:1px solid #dcdcdc; line-height:2.5; font-size:1.375rem;}
	.index_pro_rig_mobile .item .brief{color:#999; width:86%; margin:1.5rem auto 0.8rem; font-size:0.82rem; background:url(../images/arrow.png) no-repeat right center;}
}